<template>
    <div class="singerFun">
        <div class="artist">
            <span class="iconfont icon-arrow-left-bold"></span>
            <p>歌手分类</p>
        </div>
        <div class="All">
            <div>全部歌手</div>
            <div> <span class="iconfont icon-caidan"></span> 筛选</div>
        </div>
        <div>热门歌手</div>
        <ul>
            <li>
                <div>
                    <img src="	http://p1.music.126.net/2iwn7NnfNwtdyu1enlJw_w==/83562883723773.jpg?param=140y140" alt="">
                </div>
                <span>薛之谦</span>
                <div>+关注</div>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less">
.singerFun{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .artist{
        span{
            width: 44px;
            height: 44px;
        }
        p{
            height: 44px;
            line-height: 44px;
            font-size: 20px;
        }

    }
}
</style>